<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
	li{
		list-style: none;
		font-size: 20px;
		font-family: 微软雅黑;
		line-height: 1.5em;
	}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	
$(function(){
	// $('#hd li:eq(2)').css({'color':'red','font-size':'40px'});

	// var re = $('#hd li');
	// re.eq(2).css({'color':'red','font-size':'40px'});

	// $('#hd li').first().css({'color':'red','font-size':'40px'});

	// 选择的是#hd里面 包含span标签的li标签
	// $('#hd li').has('span').css({'color':'red','font-size':'40px'});

	// 选择#hd里面的li，但是不包括class是hs的
	// $('#hd li').not('.hs').css({'color':'red','font-size':'40px'});

	// 截取前面结果集中的2-5号，不包括5号
	// $('#hd li').slice(2,5).css({'color':'red','font-size':'40px'});

	// 选择的是#hd里面的li标签，然后选择li里面的span标签
	// $('#hd li').find('span').css({'color':'red','font-size':'40px'});

	// 选择的是id是one的元素后面紧邻的li标签
	// $('#one').next('li').css({'color':'red','font-size':'40px'});

	// 选择的是#one的父级元素
	// $('#one').parent().css({'color':'red','font-size':'40px'});


	// 选择的是#one的兄弟元素
	$('#one').siblings('li').css({'color':'red','font-size':'40px'});


})

</script>
</head>

<body>

<ul id="hd">
	<li>后盾网 人人做后盾0</li>
	<li class="hs" id="one">后盾网 人人做后盾1</li>
	<li>后盾网 人人做后盾2 <span>我是li里面的span</span></li>
	<li class="hs">后盾网 人人做后盾3</li>
	<li>后盾网 人人做后盾4 <span>我是li里面的span</span></li>
	<li class="hs">后盾网 人人做后盾5</li>
	<li>后盾网 人人做后盾6</li>
	<li>后盾网 人人做后盾7</li>
</ul>


</body>
</html>
